<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的喜欢</title>
    <link rel="stylesheet" type="text/css" href="/mi/css/order/order_detail.css">
    <link rel="stylesheet" type="text/css" href="/mi/css/common/center_person.css">
    <link rel="stylesheet" href="/mi/css/common/header.css">
    <link rel="stylesheet" href="/mi/css/persional_center/likes.css">
    <link rel="icon" href="/mi/imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/mi/css/common/page_bottom.css">
    <link rel="stylesheet" href="/mi/css/iconfont/iconfont.css">
</head>
<body>
<%@include file="../common/header.jsp"%>
    <!-- 个人中心导航栏 -->
    <div class="breadcrumbs">
        <div class="container">
            <div class="xiaomi-con" style="width: 100px;height: 60px" >
            <a href="#" style="margin-left: -957px">首页</a>
            <span>/订单详情</span>
            </div>
        </div>
    </div>
    <!-- 中心大部分, 划分为两个大部分 -->
    <div class="mi-orderview page-main">
        <div class="container">
            <div class="row">
                <!-- 1. 左侧导航栏 -->
                <div class="span4">
                    <div class="J_userMenu">
                        <div class="menu-box">
                            <h3>订单中心</h3>
                            <ul>
                                <li><a href="/mi/order/order_load">我的订单</a></li>
                                <li><a href="">评价晒单</a></li>
                                <li><a href="">以旧换新订单</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>个人中心</h3>
                            <ul>
                                <li><a href="portal.jsp">我的个人中心</a></li>
                                <li><a href="">消息通知</a></li>
                                <li><a href="/mi/personal_center/likes.jsp">喜欢的商品</a></li>
                                <li><a href="/mi/order/order_load">收货地址</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>售后服务</h3>
                            <ul>
                                <li><a href="">服务记录</a></li>
                                <li><a href="">申请服务</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>账户管理</h3>
                            <ul>
                                <li><a href="/mi/personal_center/personal_info">个人信息</a></li>
                                <li><a href="/mi/personal_center/personal_login">修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 2. 右侧将展示不同的信息表, 根据用户点击的跳转链接(我的喜欢) -->
                <div class="likes">
                    <div class="likes-header">
                        <div class="box-hd">
                            <h1>我喜欢的商品</h1>
                        </div>
                        <div class="box-bd">
                            <ul class="box-lt" id="box-lt">
                                <c:forEach items="${products}" var="s">
                                <li class="lis" >
                                    <input type="hidden" name="cartId" value="${s.productId}">
                                    <div class="lis-one">
                                        <img src="${s.picImg}" alt="">
                                    </div>
                                    <h3>${s.productName}</h3>
                                    <p>
                                        <span>${s.price}元</span>
                                    </p>
                                    <p class="rank"></p>
                                    <div class="lis-lt">
                                        <a class="lis-lt-one" onclick="deletes(this)">删除</a>
                                        <a href="/mi/cart/add_cart?productId=${s.productId}" class="lis-lt-two">查看详情</a>
                                    </div>
                                </li>
                                </c:forEach>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <!-- 底部公共部分 -->
    <%@include file="../common/page-bottom.jsp"%>


    <script src="/mi/plugins/jquery/jquery.min.js"></script>
    <script src="/mi/plugins/layui-v2.6.8/layui/layui.js"></script>
    <script>


    </script>


    <script type="text/javascript" src="/mi/js/personalcenter/likes.js"></script>
</body>
</html>